{% extends "special_menu.html" %}
{% load i18n %}
{%  block search_div  %}
    {% if searchform %}
        <div id="id_search" class="news_topsearch">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="50"><div class="news_topsearch1">{% trans "查询" %}</div></td>
                <td width="45%"><div class="news_topsearch2"><table> <tr>
                    <td><div>{{ searchform }}</div></td>
                    <td  align="right">
                        <div align="right" style="" class="topSearchBtn floatR"><!--height:20px;-->
                            <span class="Link_blue1">
                                <span class="action_topSearch floatL"></span><a href="javascript:void(0)" id="id_header_search" class="floatL">{% trans "查询" %}</a>
                            </span>
                        </div>
                   </td>
                </tr></table></div></td>
                <td width="50"><div class="news_topsearch1">{% trans "查询" %}</div></td>
                <td width="45%"><div class="news_topsearch2"><table> <tr>
                    <td class=""><div id="door_query"><table width="100%" class="tbl_form_search" id="id_form_search">
                        <tbody><tr class="header_div_left">
                            <td align="right"><label for="id_door_name" class="">{% trans 'Door Name' %}</label></td>
                            <td><input id="id_door_name" type="text" name="" maxlength="50" value=""></td>
                            <td align="right"><label for="id_device__alias" class="">{% trans '设备名称' %}</label></td>
                            <td><input id="id_device__alias" type="text" name="" maxlength="20" value=""></td>
                        </tr></tbody>
                    </table></div></td>
                    <td  align="right">
                        <div align="right" style="" class="topSearchBtn floatR"><!--height:20px;-->
                            <span class="Link_blue1">
                                <span class="action_topSearch floatL"></span><a href="javascript:void(0)" id="id_header_search_door" class="floatL">{% trans "查询" %}</a>
                            </span>
                        </div>
                   </td>
                </tr></table></div></td>
            </tr>
            </table>
        </div>
    {% endif %}
{%  endblock  %}
{% block id_main_div %}
	<div id="levels_by_door" style="margin:15px 0px 10px 0px;">
		<div id="id_datalist" class="div_box l" style="width:47%; margin:0px 0px 0px 10px; _margin:0px 0px 0px 5px;"><h1>{% trans "门禁权限组" %}</h1>
		</div>
		<div id="id_extend" class="div_box r" style=" width:48%; margin:0px 10px 0px 0px; _margin:0px 5px 0px 0px;"><h1 style="width:98%">{% trans "Browse Levels Door Combination" %}</h1>
    </div>
{% endblock %}
{% block getdatalist %}
    var after_object_action = function(){
        $("#id_datalist").hide();
    };
    var after_cancel = after_submit = function(){
        $("#id_datalist").show();
    };
    var refresh_left = function(){
        var $query_tr = $("#id_datalist #id_tbl tbody tr:first");
        if($query_tr.length > 0){
            $("#id_datalist #id_tbl tbody tr:first").click();
        }else{
            $('#id_extend').get(0).g.base_query=["access_level=0"];
            $('#id_extend').get(0).g.load_data();
        }
        return true;
    };
    var after_query = function(){
        refresh_left();
    };
    var after_submit = function(){
        var cur_row = $($("#id_datalist").get(0).current_row).attr("data");
        $("#id_datalist tr[data="+cur_row+"]").click();
        $("#id_datalist").show();
    };
    var process_str = function(string, num){
        if(string.length > num){
            string = string.substr(0, num) + "..."
        }
        return string;
    }
    var str_query="{% autoescape off %}{{query}}{% endautoescape %}";
    $("#id_datalist").model_grid({
        base_query:str_query.split("&"),
        dbapp_url:"{{ dbapp_url }}",
        model_url:"{{ model_url }}",
        row_operations: ["op_edit", "OpAddDoor2Levels"],
        disabled_actions:["_change", "OpAddEmp2Levels", "OpRemoveEmployee"],
        init_after_get_jdata:function(){
            $("#id_datalist").get(0).g.a_div.after("<div class='floatL' style='_position:relative;_z-index:10;'><ul id='id_action_more' class='nav Link_blue2 font12 noUnderl floatL ul_action_more'><li><a href='javascript:void(0)' class='action_more'>{% trans '更多' %}...</a><ul class='action_more_list'></ul></li></ul></div>");
            var $app_menu=$("#id_datalist").get(0).g.a_div;
            var $menu_more=$(".action_more_list");
            var min_width=400;
            resize_menu($app_menu,$menu_more,min_width,"id_action_more");
            $('.nav li').sfHover();
            var base_query = ["access_level=0"];
            $("#id_OpAddDoor2Levels").remove();
            $("#id_extend").model_grid({
                "model_url": "{{ dbapp_url }}access/ACDoor/",
                "base_query": base_query,
                "model_actions": false,
                "object_actions": true,
                "fields_show": ['door_no','door_name', 'device'],
                "obj_edit": false,
                "async": false,
                "row_operations": [],
                disabled_actions:["_change", "ACUnlock", "ClearCMD"]
            });
            $("#id_header_search_door").click(function(){
                var bln_submit=true
			    var strwhere=[];
                $("#door_query").find("input").each(function(){
                    var field_name = $(this).attr("id").replace("search_id_", "");
                    strwhere.push(field_name+"__icontains="+$(this).attr("value"));
                });
                var datalist= $("#id_extend").get(0);
                datalist.g.init_query=strwhere;
                datalist.g.load_data();
            });
            var $tr = $("#id_datalist #id_tbl tbody tr:first")
            if($tr.length > 0){
                $tr.click();
            }

        },
        on_row_click: function(grid, key, row_data){
            $('#id_extend').get(0).g.base_query=["access_level="+row_data];
            var level_name = $($("#id_datalist tr[data="+row_data+"]").find("td")[1]).text();
            var timezones = $($("#id_datalist tr[data="+row_data+"]").find("td")[2]).text();
            $("#id_extend h1").text(gettext("Browse Levels ")+process_str(level_name, 15)+"("+timezones+")"+gettext(" Door Combination"));
            $('#id_extend').get(0).g.load_data()
            var actions = $("#id_extend div.action").find('li a');
            for(var i=0; i < actions.length; i++){
                var ref = $(actions[i]).attr('ref');
                var orgn = ref.split('?access_level')[0];
                $(actions[i]).attr('ref', orgn+'?access_level='+row_data);
            }
        },
        cached_data: {{ datalist }}
    });
{% endblock %}